<template>
  <div>
    <el-form
      :inline="true"
      :model="formInline"
      ref="formInline"
      class="qualificationTabSearch">
      <el-form-item
        label="证件类型"
        prop="status">
        <el-select
          v-model="formInline.status"
          placeholder="请选择">
          <el-option
            v-for="item in options"
            :key="item.value"
            :label="item.label"
            :value="item.value"/>
        </el-select>
      </el-form-item>
      <el-form-item
        label="证照名称"
        prop="keyword">
        <el-input
          v-model="formInline.keyword"
          placeholder="请输入"/>
      </el-form-item>
      <el-form-item
        label="证件编号"
        prop="keyword">
        <el-input
          v-model="formInline.keyword"
          placeholder="请输入"/>
      </el-form-item>
      <el-form-item class="searchButtonList">
        <button
          class="submit"
          @click="search">查询
        </button>
        <button
          class="reset"
          @click="reset">重置
        </button>
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
import CardWall from './cardWall'

export default {
  name: 'SearchTab',
  data () {
    return {
      activeName: 'first',
      input: '',
      value: '',
      formInline: {
        status: '',
        class: '',
        keyword: ''
      },
      options: [{
        value: '药品生产许可证',
        label: '药品生产许可证'
      }, {
        value: 'GMP',
        label: 'GMP'
      }, {
        value: '年纳税报表',
        label: '年纳税报表'
      }, {
        value: '企业情况调查表',
        label: '企业情况调查表'
      }, {
        value: '商标文件',
        label: '商标文件'
      }]
    }
  },
  components: {
    CardWall
  },
  methods: {
    handleClick (tab, event) {
    },
    search () {
      this.$emit('search')
    },
    reset () {
      this.$refs['formInline'].resetFields()
    }

  }
}
</script>
<style lang="less">
.qualificationTabSearch {
  .searchButtonList button {
    width: 74px;
    height: 34px;
    cursor: pointer;
    margin-left: 10px;
  }

  .submit {
    background: rgba(35, 113, 197, 1);
    border: 0;
    color: #fff;
  }

  .reset {
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(221, 223, 225, 1);
  }
}

</style>
